<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href='<spring:url value="/resources/css/jquery-ui-1.10.4.custom.css"></spring:url>'>
    <link rel="stylesheet" href='<spring:url value="/resources/css/middle.css"></spring:url>'>
    <link rel="stylesheet" href='<spring:url value="/resources/css/common.css"></spring:url>'>
    <link rel="stylesheet" href='<spring:url value="/resources/css/calendar.css"></spring:url>'>
    <script src='<spring:url value="/resources/js/jquery-1.11.0.js"></spring:url>'></script>
    <script src='<spring:url value="/resources/js/jquery-ui-1.10.4.custom.js" ></spring:url>'></script>
    <script src='<spring:url value="/resources/js/jquery.validationEngine-zh_CN.js" ></spring:url>'></script>
    <script src='<spring:url value="/resources/js/jquery.validationEngine.js" ></spring:url>'></script>
    <script src='<spring:url value="/resources/js/common.js"></spring:url>'></script>
    <script src='<spring:url value="/resources/js/weekCalendar.js"></spring:url>'></script>
    <script src='<spring:url value="/resources/js/userConference.js"></spring:url>'></script>
    <script type="text/javascript">
        $(function () {
            var height = $(window).height() - 240 - 40 - 11;
            $(".middle").css("height", height + "px");
            setMsgUrl("/foc/user/myconference/getMsgInfo");
            setDealMsgUrl("/foc/user/myconference/dealMsg");
            setConfUrl("/foc/user/myconference/getConferenceInfo");
            setConfDetailUrl("/foc/user/myconference/getDetailConferenceInfo");
            setRemindConfUrl("/foc/user/myconference/remindConference");
            setCancelConfUrl("/foc/user/myconference/cancelConference");
            setAcceptConfUrl("/foc/user/myconference/acceptConference");
            setRejectConfUrl("/foc/user/myconference/rejectConference");
            setReplaceConfUrl("/foc/user/myconference/replaceConference");
            setMsgTable("#msgTable");
            setConfTable("#confTable");
            setConfCalendar("#confCalendar");
            setDetailConfTable("#detailConfTable");
            setDetailConfDialog("#detailConfDialog");
            setStafferTree("#stafferTree", "/foc/user/myconference/getStaffer");
            setMessageDialog("#messageDialog");
            initUserConference(30000);
        });

    </script>
    <style type="text/css">
        a:link {
            text-decoration: underline;
        }

        a:visited {
            color: #000000;
        }

        a:hover {
            color: #ff0000;
            text-decoration: none;
        }

        a:active {
            color: #ff0000;
    </style>
</head>
<body>
<DIV class="middle" style="overflow-y: auto">
    <div class="middle_1">
        <div class="middle_1_top">
            <div class="middle_2_top_1">会议日历</div>
            <div id="confCalendar" class="confCalendar">
                <table id="selecteDatetimeTable" style="width: 100% ">
                    <tr>
                        <td align="left" height="15px" width="12%"></td>
                        <td align="right" width="13%">
                            <a id="btnPrev" href="#"><img
                                    src='<spring:url value="/resources/images/admin/left.png" ></spring:url>'
                                    border="0"/></a>
                        </td>
                        <td align="left"></td>
                        <td align="right"></td>
                        <td align="left" width="13%">
                            <a id="btnNext" href="#"><img
                                    src='<spring:url value="/resources/images/admin/right.png" ></spring:url>'
                                    border="0"/></a>
                        </td>
                        <td width="12%"></td>
                    </tr>
                </table>
                <table id="meetingCalendar" cellpadding="0" cellspacing="0" style="width: 100%;">
                    <tr class="middle_2_bottom_table_title">
                        <th width="5%"></th>
                        <th colspan="4" width="6%">7:00</th>
                        <th colspan="4" width="6%">8:00</th>
                        <th colspan="4" width="6%">9:00</th>
                        <th colspan="4" width="6%">10:00</th>
                        <th colspan="4" width="6%">11:00</th>
                        <th colspan="4" width="6%">12:00</th>
                        <th colspan="4" width="6%">13:00</th>
                        <th colspan="4" width="6%">14:00</th>
                        <th colspan="4" width="6%">15:00</th>
                        <th colspan="4" width="6%">16:00</th>
                        <th colspan="4" width="6%">17:00</th>
                        <th colspan="4" width="6%">18:00</th>
                        <th colspan="4" width="6%">19:00</th>
                        <th colspan="4" width="6%">20:00</th>
                    </tr>
                    <tr class="middle_2_bottom_table_5">
                        <td align="center"
                            style="border-right: #808080 solid 1px; background-color:#434445;color:#FFFFFF;  font-family:'微软雅黑' '宋体';">
                            周一
                        </td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td style="border-right: #808080 solid 1px;">&nbsp;</td>
                    </tr>
                    <tr class="middle_2_bottom_table_5">
                        <td align="center"
                            style="border-right: #808080 solid 1px;background-color:#434445;color:#FFFFFF;  font-family:'微软雅黑' '宋体';">
                            周二
                        </td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                    </tr>
                    <tr class="middle_2_bottom_table_5">
                        <td align="center"
                            style="border-right: #808080 solid 1px;background-color:#434445;color:#FFFFFF;  font-family:'微软雅黑' '宋体';">
                            周三
                        </td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                    </tr>
                    <tr class="middle_2_bottom_table_5">
                        <td align="center"
                            style="border-right: #808080 solid 1px;background-color:#434445;color:#FFFFFF;  font-family:'微软雅黑' '宋体';">
                            周四
                        </td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                    </tr>
                    <tr class="middle_2_bottom_table_5">
                        <td align="center"
                            style="border-right: #808080 solid 1px;background-color:#434445;color:#FFFFFF;  font-family:'微软雅黑' '宋体';">
                            周五
                        </td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                    </tr>
                    <tr class="middle_2_bottom_table_5">
                        <td align="center"
                            style="border-right: #808080 solid 1px;background-color:#434445;color:#FFFFFF;  font-family:'微软雅黑' '宋体';">
                            周六
                        </td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                    </tr>
                    <tr class="middle_2_bottom_table_5">
                        <td align="center"
                            style="border-right: #808080 solid 1px;background-color:#434445;color:#FFFFFF;  font-family:'微软雅黑' '宋体';">
                            周日
                        </td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td style="border-right: #808080 solid 1px;"></td>
                    </tr>
                </table>
                <table style="width: 100%;margin-top:15px;padding-right:13px;" cellpadding="0" cellspacing="0">
                    <tr>
                        <td align="right" height="15px" width="8%" style="font-size: 14px">预订中</td>
                        <td width="4%" class="calendar-booking" style="border: 1px solid #434445;"></td>
                        <td align="right" width="8%" style="font-size: 14px">已预订</td>
                        <td width="4%" class="calendar-book" style="border: 1px solid #434445; "></td>
                        <td align="right" width="10%" style="font-size: 14px">重要已预订</td>
                        <td width="4%" class="calendar-important-book" style="border: 1px solid #434445;"></td>
                        <td align="right" width="8%" style="font-size: 14px">已审批</td>
                        <td width="4%" class="calendar-approval" style="border: 1px solid #434445; "></td>
                        <td align="right" width="10%" style="font-size: 14px">重要已审批</td>
                        <td width="4%" class="calendar-important-approval" style="border: 1px solid #434445; "></td>
                        <td align="right" width="8%" style="font-size: 14px">已接受</td>
                        <td width="4%" class="calendar-accept" style="border: 1px solid #434445; "></td>
                        <td align="right" width="8%" style="font-size: 14px">已取消</td>
                        <td width="4%" class="calendar-cancel" style="border: 1px solid #434445;"></td>
                        <td align="right" width="8%" style="font-size: 14px">已结束</td>
                        <td width="4%" class="calendar-finish" style="border: 1px solid #434445; "></td>
                    </tr>
                </table>
            </div>

        </div>
        <div class="middle_1_bottom">
            <div class="middle_2_top_1">会议列表</div>
            <div style="width:100%; height:274px; overflow-y:auto;">
                <table id="confTable" class="middle_2_bottom_table" cellpadding="0" cellspacing="0" style="width: 100%">
                    <tr>
                        <th height="20px" width="6%">序号</th>
                        <th width="27%">会议时间</th>
                        <th width="30%">会议名称</th>
                        <th width="17%">会议室</th>
                        <th width="6%">人数</th>
                        <th width="6%">级别</th>
                        <th width="8%">状态</th>
                    </tr>
                </table>
            </div>
        </div>

    </div>


    <div class="middle_2">
        <div class="middle_2_top">
            <div class="middle_2_top_1">相关会议介绍</div>
            <div class="middle_2_top_2" style="height:364px; overflow-y:auto;">
                <ul id="detailConfTable" class="middle_2_top_2_ul"></ul>
            </div>
        </div>
        <div class="middle_2_bottom">
            <div class="middle_2_top_1">消息通知</div>
            <div style="height:274px; overflow-y:auto;">

                <ul id="msgTable"></ul>


            </div>
        </div>
    </div>
</DIV>
<div id="detailConfDialog">
    <table id="queryTable2" align="center">
        <tr>
            <td>会议名称:</td>
        </tr>
        <tr>
            <td>
                <input type="text" id="meetingname" disabled="disabled" value=""/>
            </td>
        </tr>
        <tr>
            <td>会议室:</td>
        </tr>
        <tr>
            <td>
                <input type="text" id="boardroom" disabled="disabled" value=""/>
            </td>
        </tr>
        <tr>
            <td>会议时间:</td>
        </tr>
        <tr>
            <td>
                <input type="text" id="meetingtime" disabled="disabled" value=""/>
            </td>
        </tr>
        <tr>
            <td>所属项目:</td>
        </tr>
        <tr>
            <td>
                <input type="text" id="project" disabled="disabled" value=""/>
            </td>
        </tr>
        <tr>
            <td>会议密级:</td>
        </tr>
        <tr>
            <td>
                <input type="text" id="secretlevel" disabled="disabled" value=""/>
            </td>
        </tr>
        <tr>
            <td>会议级别:</td>
        </tr>
        <tr>
            <td>
                <input type="text" id="flag" disabled="disabled" value=""/>
            </td>
        </tr>
        <tr>
            <td>发起人:</td>
        </tr>
        <tr>
            <td>
                <input type="text" id="originator" disabled="disabled" value=""/>
            </td>
        </tr>
        <tr>
            <td>发起人联系方式:</td>
        </tr>
        <tr>
            <td>
                <input type="text" id="telephone" disabled="disabled" value="">
            </td>
        </tr>
        <tr>
            <td>主持人:</td>
        </tr>
        <tr>
            <td>
                <input type="text" id="moderator" disabled="disabled" value=""/>
            </td>
        </tr>
        <tr>
            <td>参会人数:</td>
        </tr>
        <tr>
            <td>
                <input type="text" id="staffercount" disabled="disabled" value=""/>
            </td>
        </tr>
        <tr>
            <td>参会人员:</td>
        </tr>
        <tr>
            <td>
                <textarea id="staffer" rows="" cols="" disabled="disabled"></textarea>
            </td>
        </tr>
        <tr>
            <td><p style="float: left;">备注:</p>
                <p id="remarkWarning" style="float: left;color:#ff0000 ">必须输入取消会议或拒绝会议原因！</p></td>
        </tr>
        <tr>
            <td>
                <textarea id="remark" rows="" cols=""></textarea>
            </td>
        </tr>
    </table>
</div>
<div id="stafferTree"></div>
<div id="messageDialog"></div>
</body>
</html>
